*{margin:0;padding:0;outline:none}
html{-webkit-text-size-adjust:none;word-wrap:break-word; font-size:62.5%;}
body{font-size:12px;font-size:1.2rem ;}
html,body{color:#725e0d;background-color:#eeeded; font-family:"微软雅黑","Hiragino Sans GB W3","Hiragino Sans GB W6", "Arial","Helvetica","sans-serif";}		
ul,li,dd,dt{list-style:none;}
a{color:#725e0d;text-decoration:none;}
a, input, textarea {text-decoration: none;outline: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
textarea {-webkit-appearance: none;} 
body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea {margin: 0;padding: 0}
html{-webkit-text-size-adjust:none;word-wrap:break-word}
li,img,label,input{vertical-align: middle}
img{border:0;max-width: 100%;width: auto\9; /* ie8 */ }
input{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;height:0;overflow:hidden;}
i{font-style:normal}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
::-webkit-input-placeholder{color:#000;}
::-moz-input-placeholder{color:#000;}
.clearfloat{zoom:1}

html{
	height:100%;
	width:100%;
}
body{
	background:url(/images/vote/unregister/dp/bg.jpg);
	width:100%;
	height:100%;
	background-size:100% auto;
	position:relative;
}
#main{
	padding:0 16%;
	box-sizing:border-box;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.title{
	background:url(/images/vote/unregister/dp/title4.png) no-repeat;
	background-size:100% 100%;
	width:100%;
	padding-bottom:12.34%;
	position:relative;
}
.title:hover{
	opacity:.8;
}
.con .ichartBox{
	margin:2% 0;
	//height:70%;
	//border-radius:6px;
	overflow:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	overflow:hidden;
	margin-left:2px;
}

.con .ichartBox >div{
	background-color:#eee;
	height:100%;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex:1;
	// -webkit-box-flex:0;
	// -ms-flex:none;
	// flex:none;
	background-color:#fff;
	margin-right:2px;

}
.con .left{
	width:49%;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-right:2px;
}

.con .left .voteBg{
	width:45%;
	padding-bottom:45%;
	background:url(/images/vote/unregister/dp/voteBg.png) no-repeat center;
	background-size:100% 100%;
}

.con .right{
	width:49%;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	text-align:center;
}
.con .right ul{
	height:100%;
	width:95%;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
}
.con .right ul li{
	width:100%;
	font-size:18px;
	line-height:100%;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
}
p.progressBox{
	background-color:#e5e5e5;
	height:15px;
	width:100%;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
}
.con .progress{
	background-color:#fec82b;
	height:100%;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
	display:block;
	-webkit-transition:all 2s;
	transition:all 2s;
	width:0;
	opacity:.3;
}
.con .progress.progress1{
	background-color:#fe993a;
}
.con .num{width:100px;display:inline-block;}

.footer{
	background:url(/images/vote/unregister/dp/logo.png) no-repeat center;
	height:10%;
	background-size:auto 100%;
}